/*
  学习目标：访问事件对象
  通过事件处理函数的形参获取事件对象

*/

import React from 'react';

export default class App extends React.Component {
  handleClick(e) {
    console.log('e  ----->  ', e);
    e.preventDefault();
  }
  render() {
    return (
      <div>
        <a
          href="http://www.baidu.com"
          // 1. 简写, 获取事件对象
          // 事件处理函数的默认形参, 就是事件对象, 类似vue
          onClick={(e) => {
            e.preventDefault();
          }}
        >
          点我调到百度
        </a>
        <br />
        <a
          href="http://www.baidu.com"
          // 2. 通过自定事件处理函数, 组件默认行为
          onClick={this.handleClick}
        >
          点我调到百度
        </a>
      </div>
    );
  }
}
